<template>
  <div>
    <border-radius></border-radius>
    <div id="div" @click="change" style="width:200px;height: 200px;background:#ff00ff">wenben</div>
  </div>
</template>
<script>
// 不规则border
import BorderRadius from './BorderRadius.vue'
export default {
  components: {
    BorderRadius
  },
  // created() {
  //   var per = {}
  //   console.log(per.name)
  //   console.log(per.fif())
  // }
  methods: {
    change() {
      var cont = document.getElementById('div')
      cont.className = 'change'
      cont.innerHTML = '改变了'
    }
  }
}
</script>

